<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
       /*
       这四种伪类选择器,必须按照固定顺序去写
       先爱后恨 原则
       */
        a:link{ /*
        连接还没被点击
        */
            color: #FF0000;
        }
        a:visited{
            /*访问过这个链接*/
            color: lime;
        }
        a:hover{
            /* 鼠标放在上面悬停*/
            color: blue;
            background-color:yellow;
            border: 1px solid #0000ff;
            border-radius: 5px; /*圆角*/
        }
        a:active{
            /* 按住不松手*/
            color: coral;
        }
    </style>
</head>
<body>
<!--之前的选择器  选择的都是标签
伪类 选择器  选择的是 标签的状态
常见的就是a标签-->

<a href="#">这是一个a标签</a>
</body>
</html>